﻿<%@ Page Title="" Language="C#" MasterPageFile="~/controlasistencia/Plantilla.Master" AutoEventWireup="true" CodeBehind="Administrador.aspx.cs" Inherits="Presentacion.controlasistencia.Administrador" EnableEventValidation="false" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="js/validaciones.js"></script>
    <link rel="stylesheet" type="text/css" href="css/vendor/loaders.css.min.css" />
    <link rel="stylesheet" type="text/css" href="css/loaders.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="contenido" runat="server">
    <% 
        if (Session["admin"]!=null)
        {
    %>
    <form id="FormAdministrador"  runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>
        
        <div class="row">
            <div class="col-lg-12">
                <div class="page-title">
                    <h2>MÓDULO ADMINISTRADOR
                        <small>
                            <asp:Label ID="lblCarrera" runat="server" Text="">REPORTES</asp:Label></small>
                    </h2>
                    <ol class="breadcrumb">
                        <li><i class="fa"></i><a href="index.aspx" class="tamano-breadcrumbs">Inicio</a>
                        </li>
                        <li class="active tamano-breadcrumbs">Reportes</li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="row"> 
                <div class="portlet portlet-green">   
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h4>DATOS</h4>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="portlet-body">   
                        <div class="row">   
                            <div class="col-lg-12">   
                                <div class="col-lg-3">   
                                    <h4>CARRERA</h4>
                                    <asp:DropDownList ID="cbxCarrera" runat="server" ClientIDMode="Static" CssClass="form-control" onchange="actualizarMaterias();"></asp:DropDownList>
                                </div>
                                <div class="col-lg-3">   
                                    <h4>SEMESTRE</h4>
                                    <asp:DropDownList ID="cbxSemestre" runat="server" ClientIDMode="Static" CssClass="form-control" onchange="actualizarMaterias();">
                                        <asp:ListItem Selected="True" Value="">Seleccione un semestre</asp:ListItem>
                                        <asp:ListItem Text="PRIMER" Value="1" />
                                        <asp:ListItem Text="SEGUNDO" Value="2" />
                                        <asp:ListItem Text="TERCER" Value="3" />
                                        <asp:ListItem Text="CUARTO" Value="4" />
                                        <asp:ListItem Text="QUINTO" Value="5" />
                                        <asp:ListItem Text="SEXTO" Value="6" />
                                        <asp:ListItem Text="S&#201;PTIMO" Value="7" />
                                        <asp:ListItem Text="OCTAVO" Value="8" />
                                        <asp:ListItem Text="NOVENO" Value="9" />
                                        <asp:ListItem Text="D&#201;CIMO" Value="10"></asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                                <div class="col-lg-2">
                                             <h4>PARALELO</h4>
                                    <asp:DropDownList ID="cbxParalelo" runat="server" ClientIDMode="Static" CssClass="form-control" onchange="actualizarMaterias();">
                                        <asp:ListItem Selected="True" Value="">Seleccione un paralelo</asp:ListItem>
                                        <asp:ListItem>A</asp:ListItem>
                                        <asp:ListItem>B</asp:ListItem>
                                        <asp:ListItem>C</asp:ListItem>
                                        <asp:ListItem>D</asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                                <div class="col-lg-4">   
                                    <h4>MATERIAS</h4>
                                    <select id="cbxMateria" name="cbxMateria" class="form-control">
                                                       <option value=''>Seleccione todos los parámetros.</option>"
                                    </select>
                                </div>
                                <h4>&nbsp</h4>
                                <div align="right">   
                                    <asp:Button ID="Button1" runat="server" Text="Calcular Reportes"  ClientIDMode="Static" CssClass="btn btn-green" OnClick="Button1_Click"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </form>
    <%
        }
      else
      {
          Response.Redirect("~/404.aspx");
      }%>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="script" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            actualizarMaterias();
        });
        function actualizarMaterias() {
            var idCarrera = document.getElementById('cbxCarrera').value;
            var idSemestre = document.getElementById('cbxSemestre').value;
            var paralelo = document.getElementById('cbxParalelo').value;
            if (idCarrera == "" || idCarrera == null) {
                errorMessage("Seleccione la carrera deseada.");
            }
            else if (idSemestre == "" || idSemestre == null) {
                errorMessage("Seleccione el semestre deseado.");
            }
            else if (paralelo == "" || paralelo == null) {
                errorMessage("Seleccione el paralelo deseado.");
            }
            else {   
                $.ajax({
                    type: "POST",
                    url: "materiasAjax.aspx/materias",
                    data: "{ _idCarrera:" + idCarrera + ", _idSemestre:" + idSemestre + ", _paralelo:'" + paralelo + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        if (response.d.length > 0) {
                            console.log("error", response);
                            $("#cbxMateria").empty();
                            $("#cbxMateria").append("<option value=''>Seleccione la materia deseada.</option>");
                            $.each(response.d, function (key, value) {
                                $('#cbxMateria').append($("<option></option>").val(value.idDistribucion).html(value.Nombre));
                            });
                        }
                        else {
                            $("#cbxMateria").empty();
                            $("#cbxMateria").append("<option value=''>No tiene elementos que mostrar.</option>");
                        }
                    },
                    statusCode: {
                        404: function () {
                            errorMessage("Pagina no encontrada");
                        },
                        500: function () {
                            errorMessage("Problemas con el servidor.");
                        }
                    },
                });
            }
        }
    </script>
</asp:Content>
